<section style="background: white; border: 1px solid #e0e0e0; border-radius: 12px; padding: 25px; margin: 20px 0; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
  <div style="font-family: 'Segoe UI', Roboto, sans-serif;">
    <h1 style="font-size: 36px; color: #333; text-align: left; margin: 0 0 15px; font-weight: 600; display: flex; align-items: center;">
      <span style="background: #4a6bdf; color: white; padding: 5px 12px; border-radius: 50%; margin-right: 10px; font-size: 18px;">
        01
      </span>
    </h1>
    
    <h2 style="font-size: 22px; color: #222; margin: 0 0 20px; font-weight: 500; line-height: 1.4;">
      <span>
        文章标题示例
      </span>
    </h2>
  </div>
  
  <p style="font-size: 16px; line-height: 1.7; color: #444; margin: 0 0 25px; padding: 0 10px;">
    <span>
      这里是文章内容示例。这个模板采用了现代卡片式设计，使用简洁的边框和阴影效果，标题和序号采用左对齐布局，整体更加专业和商务风格。
    </span>
  </p>

  <div style="text-align: left;">
    <a href="https://example.com" style="display: inline-flex; align-items: center; color: #4a6bdf; text-decoration: none; font-weight: 500; font-size: 15px;">
      <span style="margin-right: 8px;">More</span>
      <span style="font-size: 18px;">→</span>
    </a>
  </div>
</section>